@charset "utf-8";
/*  Cascading Style Sheets For Zulwi Studying Website(http://study.zhuwei.cc)
*	Author		@JerryLocke
*	Blog		http://jerrys.me
*	Date		2014-03-01
*	Copyright	Zulwi Studio
*	Location	Xintian County of Yongzhou City in Hunan Province
*	The sheets need CSS3 effects support , please preview in Chrome 30 or lateset version.
*/

/* Init Style */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,th,td {margin:0;padding:0;border:none;}
::selection {color:white;background:#5dc9f2;}
html {color:#666;background:#f1f1f1;font-size:12px;font-family:"Microsoft Yahei","Open Sans","sans-serif";}
html,body{height:100%; overflow:hidden; width:100%;}
ul,ol,li {list-style:none;font-size:14px;}
input,select,textarea,input:focus,select:focus,textarea:focus{outline:none;font-family:"Microsoft Yahei","Open Sans","sans-serif";}
textarea{resize:none;}
img{border:none;}
a {color:#888;text-decoration:none;}
a:hover {color:#5dc9f2;}
h1,h2,h3,h4,h5,h6{clear:both;color:#666;font:24px "Microsoft Yahei","Open Sans","sans-serif";padding:0;padding-bottom:7px;}
h2{font-size:22px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}

table{background:#fff;color:#333;width:100%;border-collapse:collapse;border-spacing: 0;border: 1px solid #e5e5e5;box-shadow: 0 1px 1px rgba(0,0,0,.04);}
table thead tr{}
table thead td{padding:8px 3px;font-size:14px;border-bottom:1px solid #e1e1e1;border-top: 0;}
table tr{background:#fff;}
table td{padding:8px 3px;}
table tbody tr:nth-child(odd){background:#e5e5e5;}
table tbody{}

input.text{border:1px solid #666; padding:3px; width:200px; margin:0 auto; height:22px;}
input.text:hover{ border-color:#00a2ca;}
input.text:focus{ border-color:#00a2ca;outline:1px solid #00a2ca;}
input.btn,a.btn{ background:#00a2ca; border-bottom:3px solid #0187a8; color:#fff; cursor:pointer; width:208px; height:30px;}
input.btn:hover,a.btn:hover{ border-color:#036d87; background-color:#0187a8;}
textarea.text{ border:1px solid #666; padding:3px; width:200px; margin:0 auto;}
textarea.text:hover{ border-color:#00a2ca;}
textarea.text:focus{ border-color:#00a2ca;outline:1px solid #00a2ca;}

/* Common Style */
.container {margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.nopm{padding:0; margin:0;}
.clearm{margin:0;}
.clearp{padding:0;}
.clearfix:after{content:""; display:block; clear:both;}
.clearfix{zoom:1;clear: both; display:block;}
.box{cursor:default;font-size:14px;line-height: 150%; overflow: hidden; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13); box-shadow: 0 1px 3px rgba(0,0,0,0.13); text-shadow:none; color:#333;}

/* Login Page */
.cpLoginBox {width:300px; border:1px solid #dedede;height:300px;top:50%;left:50%;margin-top:-150px; margin-left:-150px; position:absolute; background:#fff;text-align:center;}
.cpLoginBox .avatar{width:100px;padding:35px 0;}
.cpLoginBox .avatar img{width:100px;height:100px; border:1px solid #dedede; border-radius:100px;}
.cpLoginBox .username{font-size:20px;padding:15px 0;}
.cpLoginBox form{width:100%; margin-top:-25px;}

/* Tips */
.tip{border: 1px solid #afc76c;background: #EFF4D4;padding:2px;color: #779B39; font-size:12px;display: none;height: 22px;line-height: 200%;border-radius: 1px;cursor: pointer; text-indent:25px;margin-top: 6px;}
.tip.success{color: #779B39;background: #EFF4D4 url('../img/success.png') 5px 5px no-repeat; border-color:#afc76c;}
.tip.error{color: #cc6666;background: #fadcd8 url('../img/error.png') 5px 5px no-repeat; border-color:#eba8a8;}

.wrapper{height: 100%;width: 100%;position: relative;}
.topBox{width:100%;height:32px;position:fixed;left:0;top:0;background:#222;z-index:100; color:#fff;}
.topBox .logo{width:30px;height:32px;padding:2px;}
.topBox .logo img{height:28px;}
.topBox .title{padding:8px 4px;}
.topBox .account{padding:6px 10px;height:20px;vertical-align:top;background:#222;cursor:pointer;}
.topBox .account .accountMenu{width:0;overflow:hidden;height:20px;}
.topBox .account .user{margin-right:5px;padding:2px;}
.topBox .account .avatar{}
.topBox .account .avatar img{height:20px;border-radius:20px;}
.leftBox{width:160px;height:100%;position:absolute;left:0;top:0;background:#222;padding-top:50px;z-index:99;}

.leftNav{position:relative;height:100%;}
.leftNav li{float:left;width:100%;color:#fff;margin-bottom:5px;}
.leftNav li:hover{background:#111;}
.leftNav li a{color:#dedede;width:100px;height:22px;display:block;padding:12px 0;}
.leftNav li .menu{min-height:20px;padding:0px 60px;vertical-align:middle;}

.leftNav li.current .menu.home{background:url(../img/admin/home.png) 25px 10px no-repeat;}
.leftNav li.current .menu.user{background:url(../img/admin/user.png) 25px 10px no-repeat;}
.leftNav li.current .menu.group{background:url(../img/admin/group.png) 25px 10px no-repeat;}
.leftNav li.current .menu.content{background:url(../img/admin/content.png) 25px 10px no-repeat;}
.leftNav li.current .menu.setting{background:url(../img/admin/setting.png) 25px 10px no-repeat;}
.leftNav li.current .menu.about{background:url(../img/admin/about.png) 25px 10px no-repeat;}
.leftNav li .menu.home{background:url(../img/admin/home_normal.png) 25px 10px no-repeat;}
.leftNav li .menu.user{background:url(../img/admin/user_normal.png) 25px 10px no-repeat;}
.leftNav li .menu.group{background:url(../img/admin/group_normal.png) 25px 10px no-repeat;}
.leftNav li .menu.content{background:url(../img/admin/content_normal.png) 25px 10px no-repeat;}
.leftNav li .menu.setting{background:url(../img/admin/setting_normal.png) 25px 10px no-repeat;}
.leftNav li .menu.about{background:url(../img/admin/about_normal.png) 25px 10px no-repeat;}

.leftNav li.current{background:#0074a2;}
.leftNav li.current a{color:#fff;}
.leftNav li .submenu{width:100%;overflow:hidden;display:none;}
/*.leftNav li.current .submenu{display:block;}*/
.leftNav li .submenu li{padding:0px 28px;width:100%;background:#333;font-size:12px;color:#bbb;margin:0;}
.leftNav li .submenu li a{width:100%;height:18px;display:block;color:#bbb;padding:10px 0;}
.leftNav li .submenu li a:hover{color:#2ea2cc;}
.leftNav li .submenu li.current a{color:#fff;}

.wrapContent{height:100%;width:100%;position:absolute;top:0;left:0;}
.contents{height:100%;margin-left:160px;margin-top:32px;overflow:auto;}
.subContent{margin-right:160px;width:100%;margin-bottom:32px;}
.mainContent {padding:10px 15px;}
.innerContent{}
.mainContent form{margin:10px 0;}
.mainContent label,input{margin-right:5px;}
.mainContent p{line-height:200%;font-size:14px;}
.innerContent tbody.userList img{border-radius:50px;}

table.nostyle{border:0;background:none;text-align:center;font-size:14px;line-height:150%;box-shadow:none;}
table.nostyle td{padding:0;}
table.nostyle tr,table.nostyle tbody tr:nth-child(odd){background:none;}

.panelBox{background:#fff;padding:10px;margin:10px;min-height:200px;line-height:150%;font-size:12px;}
.panelBox.userInfo p{line-height:150%;font-size:14px;}

.pageSwitcher{text-align:center;margin:10px 0;}
.pageSwitcher a,.pageSwitcher span{margin:0 5px;}